   /****************************************** 
  	 画图
   *******************************************/
  
  function showBBTChart(){
  	initBBTChartData();  	
  	bbtChart.dispose();
  	drawBBTChart();
  	initSwipe(); 
  }
  
  function setEChartConfig(){
      require.config({
					  paths: {
						echarts: './js'
					  }
				    });
    }
  
  function drawBBTChart(){
  	require(
	  [
		'echarts',
		'echarts/chart/line',
		'echarts/chart/bar'
	  ],

	  function (ec) {
		bbtChart = ec.init(document.getElementById('bbtLineChart'));

		setBBTChartOption();
		setBBTChartHoverEvent();		
	  });
  }

  function setBBTChartOption(){




  	bbtChart.setOption({
		
		  //设置坐标系占webview空间大小
		  grid: {
		  			x: gridX,
		  			y: gridY,
		  			x2: gridX2,
		  			y2: gridY2
		  		},		  			
		  legend: {//图例
		  			show: false,
					data: [bgColor,bbtTitle]
		  		   },
		  tooltip : {//提示框，鼠标悬浮交互时的信息提示
		  				showContent: showTip,
						trigger: 'axis',//触发类型										
						textStyle: {color: 'white'},
						//{a} 基础体温 {b} 日期  {c} 温度值
						//formatter: '日期: {b} <br/> 体温: {c} ºC<br/>'
						formatter: function(params){
									 //基础体温线数据
									 //var bbt_title = params[0][0];
									 var bbt_day = params[1][1];
									 //var bbt_temperature = params[1][2];
									 
									 //判断所处周期:月经期，卵泡期，排卵期，黄体期								
									 var tip = getFormatTip(bbt_day);
									 				 
						             //动态显示detail
						             if(portraitOrLandscape == "portrait")
										showBBTChartDetailForEach(bbt_day, customerDatePeriodMap.get(bbt_day));
						             
						             return tip;
						            }
		  },
		  xAxis : [					
					{
					  type : 'category',
					  axisLine: {show: false},
					  axisTick: {show: false},					  
					  data: xAxisDateArray,
					  axisLabel: {
					  				formatter: function(value) {
													return getDayStr(value);														
												}
								  }
					}
		  	      ],
		  yAxis : [								      	
			      	{
					  show: true,
					  type : 'value',					  
					  min: yAxisMinTemperature,
					  max: yAxisMaxTemperature,
					  splitNumber: yAxisSplitNumber,					  
					  axisLine: {show: false},
					  splitLine: {show: true},
					  axisLabel : { 
					  				show: false,
									formatter: function(value) {
																if(parseInt(value)==value)
																	return value + '.0'; 
																else
																	return '.' + (value*10)%10;																	
																}									   
					  			  }					  
			      	}
				  ],		  		  
		  series : [
		  				{
						  name: bgColor,//图表名称
						  type:'bar',//图表类型
						  data: bgColorDataArray,
						  clickable: false,
						  itemStyle: {
						                normal: {
						                    		color: function(params) { 
						                    			var dateStr = xAxisDateArray[params.dataIndex];
						                    			return getPeriodBackGroundColor(dateStr);	
						                    		}
						                }
						  },				 
						  barGap: '0%',
						  barCategoryGap: '0%',						  
						
						},
						{
						  name: bbtTitle,//图表名称
						  type:'line',//图表类型
						  data: polishedBBTDataArray,
						  clickable: false,
						  smooth: false,//平滑的曲线	
						  //symbol : 'circle',
		  				  //symbolSize: 4,
						  itemStyle: {normal: {color: '#4baedf',lineStyle: {} } }
						}						
		  			]
		}, true);



  }



    /****************************************** 
  	 设置提示内容
  	*******************************************/
   
    function getFormatTip(dateStr){
    	var periodDayNum = getDaysFromPreviousYjqStartDate(dateStr);
    	var period = getPeriodTitle(dateStr);
    	var temperature = customerDateTemperatureMap.get(dateStr);
    	return '周期第' + periodDayNum + '天' + '<br/>日期: ' + dateStr + '<br/> 体温: ' + temperature + 'ºC<br/>' + period;	
    }
    
    
	function getPeriodTitle(xAxisDateStr){
    	var periodTitle;
    	
    	if(isYjq(xAxisDateStr))
    		periodTitle = yjqTitle;
    	else if(isLpq(xAxisDateStr))
    		periodTitle = lpqTitle;
    	else if(isPlq(xAxisDateStr))
    		periodTitle = plqTitle;
    	else if(isHtq(xAxisDateStr))
    		periodTitle = htqTitle;
    	else
    		periodTitle = unknownTitle;
    		
    	return periodTitle;
    }
    
    
    /****************************************** 
  	 设置HOVER事件
  	*******************************************/
    function setBBTChartHoverEvent(){
    	var ecConfig = require('echarts/config');
		bbtChart.un(ecConfig.EVENT.HOVER, setBarHoverBgColor);
	}
	
	function setBarHoverBgColor(param){
		//var dateStr = xAxisDateArray[param.dataIndex];
		//var bgcolor = getPeriodBackGroundColor(dateStr);
		bbtChart.setOption({
								series:[{
											zlevel: 0
										},
										{
											zlevel: 1
										}
								]
		});

	}